<!doctype html>
<html lang=en-us>

<head>
  <title>Gomobile-IPFS Bridge Doc</title>
  <meta charset=utf-8>
  <meta name=viewport content="width=device-width,initial-scale=1">
  <meta http-equiv=x-ua-compatible content="ie=edge">
  <meta name=description content="Gomobile-IPFS Bridge packages documentation">
  <meta itemprop=name content="Gomobile-IPFS Bridge Doc">
  <meta itemprop=description content="Gomobile-IPFS Bridge packages documentation">
  <meta property="og:title" content="Gomobile-IPFS Bridge Doc">
  <meta property="og:description" content="Gomobile-IPFS Bridge packages documentation">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://ipfs-shipyard.github.io/gomobile-ipfs">
  <meta name=twitter:card content="summary">
  <meta name=twitter:title content="Gomobile-IPFS Bridge Doc">
  <meta name=twitter:description content="Gomobile-IPFS Bridge packages documentation">
  <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap" rel="stylesheet">
  <link rel="apple-touch-icon" sizes="180x180" href="">
  <link rel="icon" type="image/x-icon" href="">
  <link rel="icon" type="image/png" sizes="32x32" href="">
  <link rel="icon" type="image/png" sizes="16x16" href="">
  <link rel="mask-icon" color="#5bbad5" href="">
</head>

<body>
  <a id="github-button" href="https://github.com/ipfs-shipyard/gomobile-ipfs"><span id="github-icon"></span>View on Github</a>
  <div id="central-box">
    <p id="title">Gomobile-IPFS Packages</p>
    <div id="link-box">
      <a class="pkg-link" id="android" href="android/ipfs/gomobile/android/package-summary.html">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="42.4 0 468.5 553.048" >
          <g>
            <path d="M76.774,179.141c-9.529,0-17.614,3.323-24.26,9.969c-6.646,6.646-9.97,14.621-9.97,23.929v142.914
              c0,9.541,3.323,17.619,9.97,24.266c6.646,6.646,14.731,9.97,24.26,9.97c9.522,0,17.558-3.323,24.101-9.97
              c6.53-6.646,9.804-14.725,9.804-24.266V213.039c0-9.309-3.323-17.283-9.97-23.929C94.062,182.464,86.082,179.141,76.774,179.141z"
              />
            <path d="M351.972,50.847L375.57,7.315c1.549-2.882,0.998-5.092-1.658-6.646c-2.883-1.34-5.098-0.661-6.646,1.989l-23.928,43.88
              c-21.055-9.309-43.324-13.972-66.807-13.972c-23.488,0-45.759,4.664-66.806,13.972l-23.929-43.88
              c-1.555-2.65-3.77-3.323-6.646-1.989c-2.662,1.561-3.213,3.764-1.658,6.646l23.599,43.532
              c-23.929,12.203-42.987,29.198-57.167,51.022c-14.18,21.836-21.273,45.698-21.273,71.628h307.426
              c0-25.924-7.094-49.787-21.273-71.628C394.623,80.045,375.675,63.05,351.972,50.847z M215.539,114.165
              c-2.552,2.558-5.6,3.831-9.143,3.831c-3.55,0-6.536-1.273-8.972-3.831c-2.436-2.546-3.654-5.582-3.654-9.137
              c0-3.543,1.218-6.585,3.654-9.137c2.436-2.546,5.429-3.819,8.972-3.819s6.591,1.273,9.143,3.819
              c2.546,2.558,3.825,5.594,3.825,9.137C219.357,108.577,218.079,111.619,215.539,114.165z M355.625,114.165
              c-2.441,2.558-5.434,3.831-8.971,3.831c-3.551,0-6.598-1.273-9.145-3.831c-2.551-2.546-3.824-5.582-3.824-9.137
              c0-3.543,1.273-6.585,3.824-9.137c2.547-2.546,5.594-3.819,9.145-3.819c3.543,0,6.529,1.273,8.971,3.819
              c2.438,2.558,3.654,5.594,3.654,9.137C359.279,108.577,358.062,111.619,355.625,114.165z"/>
            <path d="M123.971,406.804c0,10.202,3.543,18.838,10.63,25.925c7.093,7.087,15.729,10.63,25.924,10.63h24.596l0.337,75.454
              c0,9.528,3.323,17.619,9.969,24.266s14.627,9.97,23.929,9.97c9.523,0,17.613-3.323,24.26-9.97s9.97-14.737,9.97-24.266v-75.447
              h45.864v75.447c0,9.528,3.322,17.619,9.969,24.266s14.73,9.97,24.26,9.97c9.523,0,17.613-3.323,24.26-9.97
              s9.969-14.737,9.969-24.266v-75.447h24.928c9.969,0,18.494-3.544,25.594-10.631c7.086-7.087,10.631-15.723,10.631-25.924V185.45
              H123.971V406.804z"/>
            <path d="M476.275,179.141c-9.309,0-17.283,3.274-23.93,9.804c-6.646,6.542-9.969,14.578-9.969,24.094v142.914
              c0,9.541,3.322,17.619,9.969,24.266s14.627,9.97,23.93,9.97c9.523,0,17.613-3.323,24.26-9.97s9.969-14.725,9.969-24.266V213.039
              c0-9.517-3.322-17.552-9.969-24.094C493.888,182.415,485.798,179.141,476.275,179.141z"/>
          </g>
        </svg>
        <p>Android</p>
      </a>
      <a class="pkg-link" id="react-native" href="#">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="175.4 77.8 491.5 437.5" >
          <g>
            <path d="M666.3,296.5c0-32.5-40.7-63.3-103.1-82.4c14.4-63.6,8-114.2-20.2-130.4c-6.5-3.8-14.1-5.6-22.4-5.6v22.3
              c4.6,0,8.3,0.9,11.4,2.6c13.6,7.8,19.5,37.5,14.9,75.7c-1.1,9.4-2.9,19.3-5.1,29.4c-19.6-4.8-41-8.5-63.5-10.9
              c-13.5-18.5-27.5-35.3-41.6-50c32.6-30.3,63.2-46.9,84-46.9l0-22.3c0,0,0,0,0,0c-27.5,0-63.5,19.6-99.9,53.6
              c-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7,0,51.4,16.5,84,46.6c-14,14.7-28,31.4-41.3,49.9c-22.6,2.4-44,6.1-63.6,11
              c-2.3-10-4-19.7-5.2-29c-4.7-38.2,1.1-67.9,14.6-75.8c3-1.8,6.9-2.6,11.5-2.6l0-22.3c0,0,0,0,0,0c-8.4,0-16,1.8-22.6,5.6
              c-28.1,16.2-34.4,66.7-19.9,130.1c-62.2,19.2-102.7,49.9-102.7,82.3c0,32.5,40.7,63.3,103.1,82.4c-14.4,63.6-8,114.2,20.2,130.4
              c6.5,3.8,14.1,5.6,22.5,5.6c27.5,0,63.5-19.6,99.9-53.6c36.4,33.8,72.4,53.2,99.9,53.2c8.4,0,16-1.8,22.6-5.6
              c28.1-16.2,34.4-66.7,19.9-130.1C625.8,359.7,666.3,328.9,666.3,296.5z M536.1,229.8c-3.7,12.9-8.3,26.2-13.5,39.5
              c-4.1-8-8.4-16-13.1-24c-4.6-8-9.5-15.8-14.4-23.4C509.3,224,523,226.6,536.1,229.8z M490.3,336.3c-7.8,13.5-15.8,26.3-24.1,38.2
              c-14.9,1.3-30,2-45.2,2c-15.1,0-30.2-0.7-45-1.9c-8.3-11.9-16.4-24.6-24.2-38c-7.6-13.1-14.5-26.4-20.8-39.8
              c6.2-13.4,13.2-26.8,20.7-39.9c7.8-13.5,15.8-26.3,24.1-38.2c14.9-1.3,30-2,45.2-2c15.1,0,30.2,0.7,45,1.9
              c8.3,11.9,16.4,24.6,24.2,38c7.6,13.1,14.5,26.4,20.8,39.8C504.7,309.8,497.8,323.2,490.3,336.3z M522.6,323.3
              c5.4,13.4,10,26.8,13.8,39.8c-13.1,3.2-26.9,5.9-41.2,8c4.9-7.7,9.8-15.6,14.4-23.7C514.2,339.4,518.5,331.3,522.6,323.3z
              M421.2,430c-9.3-9.6-18.6-20.3-27.8-32c9,0.4,18.2,0.7,27.5,0.7c9.4,0,18.7-0.2,27.8-0.7C439.7,409.7,430.4,420.4,421.2,430z
              M346.8,371.1c-14.2-2.1-27.9-4.7-41-7.9c3.7-12.9,8.3-26.2,13.5-39.5c4.1,8,8.4,16,13.1,24C337.1,355.7,341.9,363.5,346.8,371.1z
              M420.7,163c9.3,9.6,18.6,20.3,27.8,32c-9-0.4-18.2-0.7-27.5-0.7c-9.4,0-18.7,0.2-27.8,0.7C402.2,183.3,411.5,172.6,420.7,163z
              M346.7,221.9c-4.9,7.7-9.8,15.6-14.4,23.7c-4.6,8-8.9,16-13,24c-5.4-13.4-10-26.8-13.8-39.8C318.6,226.7,332.4,224,346.7,221.9z
              M256.2,347.1c-35.4-15.1-58.3-34.9-58.3-50.6c0-15.7,22.9-35.6,58.3-50.6c8.6-3.7,18-7,27.7-10.1c5.7,19.6,13.2,40,22.5,60.9
              c-9.2,20.8-16.6,41.1-22.2,60.6C274.3,354.2,264.9,350.8,256.2,347.1z M310,490c-13.6-7.8-19.5-37.5-14.9-75.7
              c1.1-9.4,2.9-19.3,5.1-29.4c19.6,4.8,41,8.5,63.5,10.9c13.5,18.5,27.5,35.3,41.6,50c-32.6,30.3-63.2,46.9-84,46.9
              C316.8,492.6,313,491.7,310,490z M547.2,413.8c4.7,38.2-1.1,67.9-14.6,75.8c-3,1.8-6.9,2.6-11.5,2.6c-20.7,0-51.4-16.5-84-46.6
              c14-14.7,28-31.4,41.3-49.9c22.6-2.4,44-6.1,63.6-11C544.3,394.8,546.1,404.5,547.2,413.8z M585.7,347.1c-8.6,3.7-18,7-27.7,10.1
              c-5.7-19.6-13.2-40-22.5-60.9c9.2-20.8,16.6-41.1,22.2-60.6c9.9,3.1,19.3,6.5,28.1,10.2c35.4,15.1,58.3,34.9,58.3,50.6
              C644,312.2,621.1,332.1,585.7,347.1z"/>
            <polygon points="320.8,78.4 320.8,78.4 320.8,78.4"/>
            <circle cx="420.9" cy="296.5" r="45.7"/>
            <polygon points="520.5,78.1 520.5,78.1 520.5,78.1"/>
          </g>
        </svg>
        <p>React-Native</p>
      </a>
      <div class="pkg-link" id="comming-soon">
        <p>Soon&trade;</p>
      </div>
      <a class="pkg-link" id="apple" href="ios/index.html">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" viewBox="0 0 1000 1187.198" >
          <path d="m 979.04184,925.18785 c -17.95397,41.47737 -39.20563,79.65705 -63.82824,114.75895 -33.56298,47.8528 -61.04356,80.9761
            -82.22194,99.3698 -32.83013,30.192 -68.00529,45.6544 -105.67203,46.5338 -27.04089,0 -59.6512,-7.6946 -97.61105,-23.3035
            -38.08442,-15.5358 -73.08371,-23.2303 -105.08578,-23.2303 -33.56296,0 -69.55888,7.6945 -108.06101,23.2303 -38.5608,15.6089
            -69.62484,23.7432 -93.37541,24.5493 -36.12049,1.5389 -72.1237,-14.3632 -108.06101,-47.7796 -22.93711,-20.0059 -51.62684,-54.3017
            -85.99592,-102.8874 C 92.254176,984.54592 61.937588,924.38175 38.187028,855.7902 12.750995,781.70252 0,709.95986 0,640.50361 0,560.94181
            17.191859,492.32094 51.626869,434.81688 78.689754,388.62753 114.69299,352.19192 159.75381,325.44413 c 45.06086,-26.74775
            93.74914,-40.37812 146.18212,-41.25019 28.68971,0 66.3125,8.8744 113.06613,26.31542 46.62174,17.49964 76.55727,26.37404
            89.68198,26.37404 9.8124,0 43.06758,-10.37669 99.4431,-31.06405 53.31237,-19.18512 98.30724,-27.12887 135.16787,-23.99975
            99.8828,8.06098 174.92313,47.43518 224.82789,118.37174 -89.33023,54.12578 -133.51903,129.93556 -132.63966,227.18753 0.8061,75.75115
            28.28668,138.78795 82.2952,188.8393 24.47603,23.23022 51.81008,41.18421 82.22186,53.93522 -6.59525,19.12648 -13.557,37.44688
            -20.95846,55.03446 z M 749.96366,23.751237 c 0,59.37343 -21.69138,114.810233 -64.92748,166.121963 -52.17652,60.99961 -115.28658,96.24803
            -183.72426,90.68597 -0.87204,-7.12298 -1.37769,-14.61967 -1.37769,-22.49743 0,-56.99843 24.81315,-117.99801 68.87738,-167.873453
            21.99909,-25.25281 49.978,-46.25018 83.90738,-63.00018 C 686.57507,10.688027 718.59913,1.5631274 748.71783,5.2734376e-4
            749.59727,7.9378274 749.96366,15.875627 749.96366,23.750467 Z" />
        </svg>
        <p>iOS</p>
      </a>
    </div>
  </div>
</body>

<style>
  :root {
    --font: #d3dce1;
    --font-hover: #2c2c2c;
    --android: #00C66B;
    --react-native: #48B7D5;
    --apple: #949494;
  }

  body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative;

    display: grid;
    justify-items: center;
    align-items: center;

		background-color: #494f5c;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    font-family: 'Source Sans Pro', sans-serif;
  }

  #github-button {
    width: fit-content;
    height: fit-content;
    padding: 3px 10px 3px 8px;
    position: absolute;

    background-image: linear-gradient(to bottom,#eee 0,#ddd 100%);
    border-radius: 4px;
    border: 1px solid #d5d5d5;

    text-decoration: none;
    color: #333;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
  }

  #github-icon {
    width: 26px;
    height: 26px;
    margin-right: 6px;
    float: left;

    background-image: url();
    background-size: 100%;
  }

  #central-box {
    margin: 0 auto;
    padding: 10px;
    text-align: center;
  }

  #title {
    font-size: 40px;
    font-weight: 600;
		color: var(--font);
    cursor: default;
  }

  #link-box {
    margin-top: 40px;

    display: grid;
    grid-gap: 40px;
    justify-content: center;
  }

	.pkg-link {
    height: 200px;
    width: 200px;
    margin: auto;

		display: grid;
    grid-template-rows: repeat(20, 5%);
    grid-template-columns: 100%;
    align-items: center;
    justify-items: center;

		border-radius: 50%;
    border: 4px solid var(--font);
    text-decoration: none;
	}

	.pkg-link svg {
    height: 100%;
    grid-row: 4/15;

		fill: var(--font);
    transition: fill 0.15s ease-in-out;
	}
  .pkg-link:hover>svg {
		fill: var(--font-hover);
    transition: fill 0.15s ease-in-out;
  }

  .pkg-link p {
    grid-row: 17/18;

    font-size: 19px;
    font-weight: 600;
		color: var(--font);
    transition: color 0.15s ease-in-out;
  }
  .pkg-link:hover>p {
		color: var(--font-hover);
    transition: color 0.15s ease-in-out;
  }

	#android { background-color: var(--android); }
	#react-native { background-color: var(--react-native); }
	#apple { background-color: var(--apple); }

  #comming-soon {
    z-index: 2;

    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: not-allowed;
  }
  #comming-soon:hover {
    opacity: 1;
    transition: opacity 0.15s ease-in-out;
  }

  #comming-soon p {
    grid-row: 1/-1;

    font-size: 26px;
    font-weight: 600;
		color: var(--font);
  }

  @media screen and (max-width: 720px) {
    #github-button {
      bottom: 56px;
    }

    #link-box {
      grid-template-columns: 210px;
      grid-template-rows: repeat(3, 210px);
      margin-bottom: 132px;
    }

    #android {
      grid-column: 1;
      grid-row: 1;
    }
    #react-native {
      grid-column: 1;
      grid-row: 2;
    }
    #comming-soon {
      grid-column: 1;
      grid-row: 2;
    }
    #apple {
      grid-column: 1;
      grid-row: 3;
    }
  }

  @media screen and (min-width: 721px) {
    #github-button {
      top: 25px;
      right: 25px;
    }

    #link-box {
      grid-template-columns: repeat(3, 210px);
      grid-template-rows: 210px;
    }

    #android {
      grid-column: 1;
      grid-row: 1;
    }
    #react-native {
      grid-column: 2;
      grid-row: 1;
    }
    #comming-soon {
      grid-column: 2;
      grid-row: 1;
    }
    #apple {
      grid-column: 3;
      grid-row: 1;
    }
  }
</style>

</html>

